<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="author" content="奇沃云科技"/>
    <title>深游</title>
    <link rel="stylesheet" type="text/css" href="css/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/publice.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
    <script src="js/js/swiper.min.js"></script>
    <script src="js/layer/layer.js"></script>
    <script>
    	var navNum='1'
    </script>
</head>
<body>
	<header id="header">
	  <aside class="maxWidth">
  		<a href="index.html" class="logo"><img src="img/login.png"/></a>
  		<div class="right">
  			<nav class="menu">
  				<ul>
  					<li id="sMenu1"><a href="index.html"><span>首页</span></a></li>
  					<li id="sMenu2"><a href="index.html#index_list1"><span>目的地</span></a></li>
  					<li id="sMenu3"><a href="topic/topic.html"><span>特别专题</span></a></li>
  					<li id="sMenu4"><a href="javascript:void(0);"><span>关于我们</span></a>
  						<dl>
  							<!--<dd  id="sSecond4_1"><a href="about/article.html">文章列表</a></dd>-->
  							<dd  id="sSecond4_2"><a href="about/brand.html">品牌简介</a></dd>
  							<dd  id="sSecond4_3"><a href="about/operation.html">合作咨询</a></dd>
  						</dl>
  					</li>
  					<li id="sMenu5"><a href="about/article.html"><span>文章列表</span></a></li>
  				</ul>
  			</nav>
  			<div class="top_login">
  				<a href="javascript:void(0);" class="login loginTop">登录</a>
  				<span class="login_line">|</span>
  				<a href="javascript:void(0);" class="resign resignTop">注册</a>
  			</div>
  			<!--2019-05-26添加登录后的下拉-->
  			<div class="logined_person">
  				<div class="logined_person_main">
  					<a href="javascript:void(0);"><span><i>小美女</i>你好</span></a>
	  				<dl>
	  					<dd><a href="#">个人中心</a></dd>
	  					<dd><a href="#">退出</a></dd>
	  				</dl>
  				</div>
  			</div>
  			<div class="search">
  				<input type="text" class="search_text" />
  				<span class="search_icon"></span>
  			</div>
  			
  		</div>	
		</aside>
	</header>
	<!--手机站导航 start-->
	<header class="mobile">
		<aside class="mobile_top">
			<a href="javascript:void(0);" class="logo"><img src="img/login.png"/></a>
			<span class='mobile_menu_icon'>
				<span></span>
				<span></span>
			</span>
		</aside>
		<aside class="mobile_menu">
			<ul>
				<li class="show">
					<a href="index.html">首页</a>
				</li>
				<li>
					<a href="index.html#index_list1">目的地</a>
				</li>
				<li>
					<a href="topic/topic.html">特别专题</a>
				</li>
				<li class="nextChildren">
					<a href="javascript:void(0);">关于我们</a>
					<dl>
						<!--<dd><a href="about/article.html">文章列表</a></dd>-->
						<dd><a href="about/brand.html">品牌简介</a></dd>
						<dd><a href="about/operation.html">合作咨询</a></dd>
					</dl>
				</li>
				<li id="sMenu5">
					<a href="about/article.html">文章列表</a>
				</li>
				<li class="loginTop">
					<a href="javascript:void(0);">登录</a>
				</li>
				<li class="resignTop">
					<a href="javascript:void(0);">注册</a>
				</li>
			</ul>
		</aside>
	</header>
	<!--手机站导航 end-->
	<!--注册弹窗 start-->
	<section class="loginProp" id="resignProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeResign"><img src="img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户名</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名"/></dd>
					</dl>
					<dl>
						<dt>邮箱</dt>
						<dd><input type="text" class="text" placeholder="可用于登录和找回密码"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<dl>
						<dt>确认密码</dt>
						<dd><input type="password" class="text" placeholder="重新填写密码"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text smallText" placeholder="填写邮箱中收到的验证码" />
							<button type="button" class="btn yzm">获取邮箱验证码</button>
						</dd>
					</dl>
					<div class="loginCheck">
						<div class="checklabel">						
							<input type="checkbox" class="checkbox" />
							<span class="check_span"></span>
						</div>
						<p>同意<a href="other/service.html" target="_blank">《服务协议》</a>、<a href="other/privacy.html" target="_blank">《隐私保护声明》</a></p>
					</div>
					<a href="person/person.html" class="btn_resign resign">注册</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--注册弹窗 end-->
	<!--登录弹窗 start-->
	<section class="loginProp" id="loginProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeloginProp"><img src="img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="img/logo3.png"/></div>
				<div class="login_text"><a href="javascript:void(0);">微信扫码登录</a></div>
				<div class="loginMain">
					<dl>
						<!--<dt>用户</dt>-->
						<dd><input type="text" class="text" placeholder="用户名/邮箱"/></dd>
					</dl>
					<dl>
						<!--<dt>密码</dt>-->
						<dd><input type="password" class="text" placeholder="输入6-12位字母或数字密码"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text" placeholder="输入右边四位验证码" />
							<div class="yzmRight"><img src="img/yzm.jpg"/></div>
						</dd>
					</dl>
					<a href="person/person.html" class="btn_resign btn_login">登录</a>
					<div class="loginCheck">
						<div class="checklabel">						
							<input type="checkbox" class="checkbox" />
							<span class="check_span"></span>
						</div>
						<span>下次自动登录</span>
						<div class="loginCheck_right">
							<a href="javascript:void(0);" id="login_forPassword">忘记密码</a>
							<a href="javascript:void(0);" id="login_resign">注册</a>
						</div>
					</div>
					
				</div>
			</aside>
		</aside>
	</section>
	<!--登录弹窗 end-->
	<!--忘记密码 start-->
	<section class="loginProp" id="forgetPassword">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeForgetProp"><img src="img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="img/logo3.png"/></div>
				<div class="loginMain">
					<dl>
						<dd><input type="text" class="text" placeholder="请输入您需要找回的账号邮箱"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text smallText" placeholder="填写邮箱中收到的验证码" />
							<button type="button" class="btn yzm">获取邮箱验证码</button>
						</dd>
					</dl>
					<dl>
						<dd><input type="password" class="text" placeholder="输入6-12位字母或数字新密码"/></dd>
					</dl>
					<dl>
						<dd><input type="password" class="text" placeholder="再次输入密码"/></dd>
					</dl>
					<a href="javascript:void(0);" class="btn_resign forget">提交</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--忘记密码 end-->
	<section class="banner">
		<div class="picList">
			<div class="bannerList2">
				<div class="swiper-wrapper">
					<li class="swiper-slide"><a href="http://www.baidu.com" target="_blank"><img src="img/banner/index_banner.jpg"/><span class="title">香港电影追忆</span></a></li>
					<li class="swiper-slide"><a href="#"><img src="img/banner/desti_banner.jpg"/><span class="title">台湾|台北</span></a></li>
					<li class="swiper-slide"><a href="#"><img src="img/banner/index_banner.jpg"/><span class="title">香港电影追忆2</span></a></li>
					<li class="swiper-slide"><a href="#"><img src="img/banner/desti_banner.jpg"/><span class="title">台湾|台北2</span></a></li>
				</div>
				<!--左右的按钮 start-->
				<div class="swiper-button-next"></div>
    			<div class="swiper-button-prev"></div>
				<!--左右的按钮 end-->   
				<div class="swiper-pagination"><div class="small_line"></div></div>
			</div>
		</div>
	</section>
	<script type="text/javascript">
		var swiper=new Swiper(".bannerList2",{
			pagination:{
				el: '.small_line',
		        clickable: true,
		        renderBullet: function (index, className) {
		        	var _title=$(".bannerList2 .swiper-slide").eq(index).find(".title").html();
		          return '<div class="' + className + '"><span class="line"></span><span class="span_title">'+_title+'</span></div>';
		        },
			},
			autoplay: {
		        delay: 2500,
		        disableOnInteraction: false,
		      },
		      navigation: {
		        nextEl: '.swiper-button-next',
		        prevEl: '.swiper-button-prev',
		      },
		})
		/*var swiper = new Swiper('.bannerList2', {
		      autoplay: {
		        delay: 2500,
		        disableOnInteraction: false,
		      },
		      pagination: {
		        el: '.swiper-pagination',
		        clickable: true,
		      },
		      navigation: {
		        nextEl: '.swiper-button-next',
		        prevEl: '.swiper-button-prev',
		      },
		      renderBullet: function (index, className) {
		          return '<span class="' + className + '">' + (index + 1) + '</span>';
		        },
		 });*/
		 /*var swiper = new Swiper('.bannerList2', {
		      pagination: {
		        effect: 'fade',
		        pagination: {
			        el: '.swiper-pagination',
			        clickable: true,
			     },
		        autoplay: {
					delay: 2500,
					disableOnInteraction: false,
				},
			     navigation: {
			        nextEl: '.swiper-button-next',
			        prevEl: '.swiper-button-prev',
			      },
		        renderBullet: function (index, className) {
		          return '<span class="' + className + '">' + (index + 1) + '</span>';
		        },
		      },
		    });*/
		//新闻滚动
		/*reWidth()
		$(window).resize(function(){
			setTimeout(function(){
				reWidth();
			},500)
			
		})
		//首页广告图改变的时候需要跟新闻一样
		function indexBanner(){
			var _width=$(window).width();
			if(_width>989){
				return new Swiper(".bannerList2",{
						effect: 'fade',
						autoplay: {
					        delay: 2500,
					        disableOnInteraction: false,
					     },
					     on:{
					     	resize:function(){
					     		this.destroy();
					     	}
					     }
					})
			}else{
				return new Swiper(".bannerList2",{
					//effect: 'fade',
						loop: true,
						pagination: {
				            el: '.swiper-pagination',
				            clickable:true
				        },
						autoplay: {
					        delay: 2500,
					        disableOnInteraction: false,
					     },
					     navigation: {
					      nextEl: '.swiper-button-next',
					      prevEl: '.swiper-button-prev',
					    },
					     on:{
					     	resize:function(){
					     		this.destroy();
					     	}
					     }
					})
			}
		}
		function reWidth (){
			var _widths=$(window).width();
			var swiper = reSwiper();
			indexBanner();
			if(_widths>989){
				swiper.scrollbar.$dragEl.css('background','#FFFFFF');
			}
		}
	    function reSwiper (){
	    	var _width=$(window).width();
	    	if(_width>989){
	    		return new Swiper('.swiper-container', {
			      scrollbar: {
			        el: '.progressbar',
			        draggable:true,
			        hide:false,
			      },
			      autoplay: {
			        delay: 2500,
			        disableOnInteraction: false,
			      },
			      on:{
			      	resize:function(){
				      	this.destroy();
				      }
			      }
			      
			    });
	    	}else{
	    		return new Swiper('.swiper-container',{
				   	loop: true,
			        pagination: {
			            el: '.swiper-pagination',
			            clickable:true
			        },
			        autoplay: {
			            delay:2500,
			            disableOnInteraction: false,
			        },
			        navigation: {
				      nextEl: '.swiper-button-next',
				      prevEl: '.swiper-button-prev',
				    },
				    on:{
				    	resize:function(){
				    		console.log(this)
				      		this.destroy();
				       }
				    }				    
			    });
			    
	    	}
	    	 
	    }*/
	</script>
	<!--广告 start-->
	<section class="adv adv_index">
		<span class="adv_close_icon"><img src="img/close_icon.png"/></span>
		<a href="#"><img src="img/guanggao/index.jpg"/></a>
	</section>
	<!--广告 end-->
	<!--index_list1为第一行首页专有的，index_side，index_side1在别的页面都用到了-->
	<section class="index_side index_side1 index_list1" id="index_list1">
		<h3 class="h3">寻找目的地</h3>
		<aside class="maxWidth">
			<ul>
				<li>
					<a href="destination/destination.html">
						<div class="pic"><img src="img/index/topic_1.jpg"/></div>
						<div class="text">
							<span class="place">香港·澳门</span>
							<span class="number">32,330人浏览过</span>
						</div>
					</a>
				</li>
				<li>
					<a href="destination/destination.html">
						<div class="pic"><img src="img/index/topic_2.jpg"/></div>
						<div class="text">
							<span class="place">东京</span>
							<span class="number">12,380人浏览过</span>
						</div>
					</a>
				</li>
				<li>
					<a href="destination/destination.html">
						<div class="pic"><img src="img/index/topic_3.jpg"/></div>
						<div class="text">
							<span class="place">曼谷</span>
							<span class="number">82,119人浏览过</span>
						</div>
					</a>
				</li>
				<li>
					<a href="destination/destination.html">
						<div class="pic"><img src="img/index/topic_4.jpg"/></div>
						<div class="text">
							<span class="place">台北</span>
							<span class="number">22,220人浏览过</span>
						</div>
					</a>
				</li>
			</ul>
		</aside>
	</section>
	<section class="index_side index_side2" id="index_list2">
		<h3 class="h3">特别专题</h3>
		<aside class="maxWidth">
			<ul>
				<li>
					<div class="pic">
						<a href="destination/destination_detail1.html">
							<img src="img/index/theme_1.jpg"/>
							<div class="theme">
								<h4 class="theme_title">深游</h4>
								<h5 class="theme_sub_title">探索深处最原始的美好</h5>
							</div>
						</a>
					</div>
					<div class="pic_bottom">
						<div class="left">
							<a href="destination/destination_detail1.html">
							 <span>最新文章</span>
							 <h6 class="title">一份完全体会老挝人日常的旅行攻略？</h6>
							</a>
						</div>
						<div class="share">
							<div class="bdsharebuttonbox">
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</div>
							<div class="time">2019.2.13更新</div>
						</div>
					</div>
				</li>
				<li>
					<div class="pic">
						<a href="destination/destination_detail1.html">
							<img src="img/index/theme_2.jpg"/>
							<div class="theme">
								<h4 class="theme_title">活动</h4>
								<h5 class="theme_sub_title">在这里找到时下最热活动</h5>
							</div>
						</a>
					</div>
					<div class="pic_bottom">
						<div class="left">
							<a href="destination/destination_detail1.html">
							 <span>最新文章</span>
							 <h6 class="title">你需要这份上半年的特惠机票精选合集</h6>
							</a>
						</div>
						<div class="share">
							<div class="bdsharebuttonbox">
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</div>
							<div class="time">2019.2.13更新</div>
						</div>
					</div>
				</li>
				<li>
					<div class="pic">
						<a href="destination/destination_detail1.html">
							<img src="img/index/theme_3.jpg"/>
							<div class="theme">
								<h4 class="theme_title">交流</h4>
								<h5 class="theme_sub_title">与十万驴友一起交流心得</h5>
							</div>
						</a>
					</div>
					<div class="pic_bottom">
						<div class="left">
							<a href="#">
							 <span>最新文章</span>
							 <h6 class="title">泰国旅游真的危险吗？</h6>
							</a>
						</div>
						<div class="share">
							<div class="bdsharebuttonbox">
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</div>
							<div class="time">2019.2.13更新</div>
						</div>
					</div>
				</li>
				<li>
					<div class="pic">
						<a href="destination/destination_detail1.html">
							<img src="img/index/theme_4.jpg"/>
							<div class="theme">
								<h4 class="theme_title">深游</h4>
								<h5 class="theme_sub_title">探索深处最原始的美好</h5>
							</div>
						</a>
					</div>
					<div class="pic_bottom">
						<div class="left">
							<a href="destination/destination_detail1.html">
							 <span>最新文章</span>
							 <h6 class="title">一份完全体会老挝人日常的旅行攻略？</h6>
							</a>
						</div>
						<div class="share">
							<div class="bdsharebuttonbox">
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</div>
							<div class="time">2019.2.13更新</div>
						</div>
					</div>
				</li>
				<li>
					<div class="pic">
						<a href="destination/destination_detail1.html">
							<img src="img/index/theme_5.jpg"/>
							<div class="theme">
								<h4 class="theme_title">活动</h4>
								<h5 class="theme_sub_title">在这里找到时下最热活动</h5>
							</div>
						</a>
					</div>
					<div class="pic_bottom">
						<div class="left">
							<a href="destination/destination_detail1.html">
							 <span>最新文章</span>
							 <h6 class="title">你需要这份上半年的特惠机票精选合集</h6>
							</a>
						</div>
						<div class="share">
							<div class="bdsharebuttonbox">
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</div>
							<div class="time">2019.2.13更新</div>
						</div>
					</div>
				</li>
				
			</ul>
		</aside>
	</section>
	<!--广告图 start-->
	<section class="maxWidth">
		<aside class="adv adv_index2">
			<span class="adv_close_icon"><img src="img/close_icon.png"/></span>
			<a href="#"><img src="img/guanggao/index2.jpg"/></a>
		</aside>
	</section>
	<!--广告图 end-->
	<footer class="footer" id="footer">
		<div class="line"></div>
		<aside class="bottom">
			<div class="maxWidth">
				<div class="login"><img src="img/footer_login.png"/></div>
				<dl class="bottom_submenu">
					<dd><a href="about/article.html">关于我们</a></dd>
					<dd><a href="about/operation.html">合作咨询</a></dd>
				</dl>
				<div class="bottom_troduct">
					<div class="right">
						<span><img src="img/code_1.jpg"/></span>
						<span><img src="img/code_2.jpg"/></span>
					</div>
					<div class="left">
						<p>本网站部分图片来自网络，若作者看到，请立即与深游联系。</p>
						<p>Copyright 2017 Onemedia Group. All rights reserved.<br/>@2017 一媒体广告策划（深圳）有限公司·保留所有权<br/>备案号：粤ICP备16101870号-3</p>
					</div>
				</div>
			</div>
		</aside>
	</footer>
	<!--右侧固定 start-->
	<section class="rightFixed">
		<ul>
			<li>
				<a class="icon wx_icon"></a>
				<div class="pic wx_pic">
					<img src="img/code_1.jpg"/>
					<span class="text">扫描二维码<br/>关注公众号</span>
				</div>
			</li>
			<li>
				<a class="icon sina_icon"></a>
			</li>
			<li class="top_icon_li">
				<a class="icon top_icon"></a>
			</li>
		</ul>
	</section>
	<script src="js/common.js" type="text/javascript"></script>
	<script>
		window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":[],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
		
	</script>
</body>
</html>